<template>
    <el-card class="box-card">
        <template #header>
            <div class="card-header">
                <span class="card-title">我的信息</span>
            </div>
        </template>
        <div class="info">
            <div class="avatar">
                <el-avatar :size="100" :src="circleUrl" />
            </div>
            <div class="user-info">
                <div>客户名称：卓尔速运</div>
                <div>客户代码：ZR</div>
                <div>当前账号：zr001</div>
                <div>上次登录时间：2024年01月10日 18:12:23</div>
            </div>
        </div>
    </el-card>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.box-card{
    width:450px;
    .info{
        display: flex;
        .user-info{
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left:10px;
            div{
                line-height:20px;
            }
        }
    }
}
</style>